import Vue from 'vue'
import App from './App.vue'
import TypeNav from "./components/TypeNave"
import Pagination from "./components/Pagination"
import DiaLog from "./components/Dialog"


Vue.config.productionTip = false   //关闭生产提示

//引入mockServer/index.js文件，相当于启动mock服务器
import "@/mockServer"
//由于多个地方要用到swiper插件的css样式，在此统一引入
import "swiper/css/swiper.min.css"
//导入路由
import router  from './router'

// 全局注册typeNav组件，多个地方都使用到
Vue.component("TypeNave",TypeNav)  //参数一：唯一标识，  参数二：组件对象  使用的时候使用的是标识

// 全局注册分页组件
Vue.component(Pagination.name,Pagination)

//全局注册模态框
Vue.component(DiaLog.name,DiaLog)

// 引入图片懒加载
import VueLazyload from 'vue-lazyload'
// 设置图片懒加载
import load from '@/assets/loading.gif'
Vue.use(VueLazyload, {
  // preLoad: 1.3,
  loading: load,
})

import store from './store'
new Vue({
  router,
  store,
  render: h => h(App),
  beforeCreate(){
    Vue.prototype.$bus = this
  }
}).$mount('#app')
